.box,.box2 {
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.box {
  padding: 32px 24px;
}
.box2 {
  padding: 32px;
}

.hidden {
    display: none;
}
.show {
    display: block;
}
.flex-row {
  display: flex;
}
.flex-row-end {
  display: flex;
  justify-content: flex-end;
}
.flex-row-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-row-center {
  display: flex;
  justify-content: center;
}
.flex-row--center {
    display: flex;
    align-items: center;
}
.flex-row--end {
  display: flex;
  align-items: flex-end;
}
.flex-row--baseLine {
  display: flex;
  align-items: baseline;
}
.flex-row-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-row-spaceBetween {
  display: flex;
  justify-content: space-between;
}
.flex-row-spaceBetween-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-row-spaceAround-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-column-spaceBetween {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-column--center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flex-column--end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.flex-column-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
  .txt20 {
    font-size: 20px;
  }
  .txt22 {
    font-size: 22px;
  }
  .txt24 {
    font-size: 24px;
  }
  .txt26 {
    font-size: 26px;
  }
  .txt28 {
    font-size: 28px;
  }

  .txt30 {
    font-size: 30px;
  }
  
  .txt32 {
    font-size: 32px;
  }

  .txt34 {
    font-size: 34px;
  }

  .txt36 {
    font-size: 36px;
  }
  
  .txt20 .txt22 .txt24 .txt26 .txt28 .txt30 .txt32 .txt34 .txt36 {
    color: #333333;
  }
  
  .black0 {
    color: #000000;
  }
  
  .black3 {
    color: #333333;
  }

  .black6 {
    color: #666666;
  }
  
  .black085 {
    color: rgba(0, 0, 0, 0.85);
  }
  
  .black05 {
    color: rgba(0, 0, 0, 0.5);
  }
  
  .white {
    color: #ffffff;
  }

  .gray {
    color: #999999;
  }

  .grayC {
    color: #cccccc;
  }
  
  .blue {
    color: #6D86C4;
  }

  .red {
    color: #cd1818;
  }
  
  .bold {
    font-weight: bold;
  }
  
  .txtDot {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .txtDotMultiLine {
    overflow: hidden;  //超出文本隐藏
    text-overflow: ellipsis;  ///超出部分省略号显示
    display: -webkit-box;  //弹性盒模型
    -webkit-box-orient: vertical;  //上下垂直
    &.line2 {
      -webkit-line-clamp: 2;  //自定义行数
    }
    &.line4 {
      -webkit-line-clamp: 4;
    }
  }

  .font-DIN{
    font-family: 'DINfont';
  }